<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="format-detection" content="telephone=no">
		<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/jquery.min.js{$Think.config.RESOURCE_VER}"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/wx_share.js{$Think.config.RESOURCE_VER}"></script>
	    <script src="{$Think.config.RESOURCEURL}wx_assets/js/util.js{$Think.config.RESOURCE_VER}" type="text/javascript"></script>
		<link rel="stylesheet" type="text/css" href="{$Think.config.RESOURCEURL}wx_assets/css/product.css?v=201408281">
		<title>优惠券</title>
	</head>
	<style>
	body
	{
		background:white;
		padding-bottom: 153px;
	}
		img
		{
			width: 100%;
		}
		h2
		{
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 70px;
			color: #fbd67a;
			font-weight: 700;
			margin-top: 20px;
		}
		h2 i
		{
			font-style: normal;
			font-size: 20px;
			margin-left: 5px;
			position: relative;
			top: -5px;
		}
		.btn
		{
		
			color: #fbd67a;
			display: block;
			width: 240px;
			margin: 20px auto;
			text-align: center;
		
		}
		.top
		{
			height: 45px;
			background: #f75493;
		}
		.top > .back
		{
			display: block;
			float: left;
			width: 45px;
			position: relative;
			height: 45px;
		}
		.top > .back img
		{
			position: absolute;
			left: 0px;
			right: 0px;
			margin: 0 auto;
			top: 50%;
			margin-top: -9px;
			width: 12px;
		}
		.maskshare
		{
			position: fixed;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			background: rgba(0,0,0,0.8);
			display: none;
			z-index: 999;
		}
		.maskshare img
		{
			position: absolute;
			width: 66%;
			top: 0px;
			right: 0px;
		}
		.bottom-btn
		{
			background: #953258;
			position: fixed;
			bottom: 0px;
			left: 0px;
			right: 0px;
			z-index: 998;
			
		}
	</style>
	<body>
		<!--<div class="top">
			<a href="javascript:history.go(-1);" class="back">
				<img src="{$Think.config.RESOURCEURL}wx_assets/images/product/arrow-left.png"/>
			</a>
		</div>-->
		<img src="{$config.themeImg}" alt="" />
		<div class="bottom-btn">
			<h2>{$copiesPrice | floatval}<i>元</i></h2>
			<a class="btn showshare">
				<img src="{$config.receiveBtn}" alt="" />
			</a>
		</div>
		<div class="maskshare">
			<img src="{$Think.config.RESOURCEURL}wx_assets/images/product/sharecoupon.png" alt="" />
		</div>
	</body>
	<script>
		$(function(){
			    $('.showshare').on('click',function(){
			    	
					$('.maskshare').show();
				});
				$('.maskshare').on('click',function(){
					$('.maskshare').hide();
				})
				wx_share.init({
							"title":'{$shareTitle}',
					        "desc":'{$shareDescribe}',
					        "link":'{$Think.config.SERVER_HOST}call.html?customerId={$customerId}&scope=1&module=product&method=receiveCoupon&params=%7B%22sendId%22:{$id}%7D',
					        "imgUrl":'{$shareImg}'||'{$headimgurl}',
					        "pkg":{
					            "appId": '{$pkg.appId}',
					            "timestamp": {$pkg.timestamp},
					            "nonceStr": '{$pkg.nonceStr}',
					            "signature": '{$pkg.signature}'
					        },
					        success:function(){
					        	location.href='call.html?customerId={$customerId}&scope=1&module=product&method=receiveCoupon&params=%7B%22sendId%22:{$id}%7D';
					        }
			    });
			    
		})
		
	</script>
</html>
